Setting nodes for efficient rendering

Kanzi traverses nodes in the order as they are organized in the scene graph using what resembles the painter’s algorithm, meaning that if you place a background as the first node in the tree, pixels containing content are drawn first for the background and then again for the content.

Rendering 2D nodes can be computationally heavy. In some cases a 2D child node has to be rendered first at its own render target object, which is equivalent to rendering the parent and child nodes separately. These cases cause such behavior:

• A Viewport 2D node that has rotation or scale applied.
• An Image node that has both transparency and child nodes.

Viewing nodes using alpha blending

In Kanzi Studio you can see which 2D nodes in your application use alpha blending and as such show the content behind them.

To view in the Preview the 2D nodes that use alpha blending in the Preview click and use the drop-down menu to select Transparency.
The Preview highlights the translucent areas with transparent, blue stripes.

See also

Rendering best practices

Optimizing the rendering of layouts

Setting nodes for efficient rendering

Preventing overdraw with the Sorting Filter

Rendering static content

Rendering transparent nodes

Gestures example

Measuring the performance of your application

Best practices

Open topic with navigation